<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Binary Tree</title>
    <link rel="stylesheet" href="styles/reset.css">
    <link rel="stylesheet" href="styles/main.css">
</head>

<body>
    <div class="box-container">
        <div class="level-1" id="top-level">Super
            <div class="level-2">Co
                <div class="level-3">Apple
                    <div class="level-4">Pear</div>
                    <div class="level-4">Pig</div>
                    <div class="level-4">Cola</div>
                    <div class="level-4">Soccer</div>
                </div>
                <div class="level-3">Phone</div>
                <div class="level-3">
                    <div class="level-4">Book</div>
                    <div class="level-4">School</div>
                </div>
            </div>
            <div class="level-2">Note
                <div class="level-3">Human
                    <div class="level-4">Code</div>
                    <div class="level-4">Operate</div>
                    <div class="level-4">Man</div>
                </div>
                <div class="level-3">Program
                    <div class="level-4">Element
                        <div class="level-5">Cat</div>
                    </div>
                    <div class="level-4">Glass</div>
                </div>
            </div>
            <div class="level-2">Fish</div>
        </div>
    </div>

    <div class="traverse-container">
    	<input type="button" value="遍历多叉树" id="preorder">
    </div>

    <div class="search-container">
        <input type="text" id="search-txt">
        <input type="button" value="开始查询" id="search-btn">
    </div>

	

    <script src="js/traversing.js"></script>
</body>

</html>